<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="box">1-同为寒窗苦读，谁愿甘拜下风</div>
    <div class="box">2-临渊羡鱼,不如退而结网</div>

    <script>
      /* 本案例需求: 给第2个box的字体颜色设置为红色
     (1)请找出下列代码产生的bug
     如何找出来的?
     原因分析:
     (2)如果想要实现正确的需求,应该如何实现
  */
      //1.
      const box = document.querySelectorAll(".box")
      //2.
      box[1].style.color = "red"
    </script>
  </body>
</html>
